<template>
    <div class="messageContainer">
        <p class="title">{{message.shopName}}</p>
        <p>{{message.shopAddress}}</p>
        <span v-for="(item,index) in message.shopPhoto" :key="index">
            <img :src="item">
        </span>
        <p>商家简介：{{message.shopInfo}}</p>
        <p class="title">商家信息</p>
        <p>商家电话：{{message.shopPhone}}</p>
        <p>营业时间：{{message.shopOpen}}</p>
    </div>
</template>
<script>
    export default({
        data(){
            return {
            }
        },
        props:['message']
    })
</script>
<style lang="scss" scoped>
    @import '../style/mixin';
    *{
        margin: 0;
        padding: 0;
    }
    .messageContainer{
        padding-left: 0.5rem;
        .title{
            @include font-size-color(1.2rem,#000);
            font-weight: bold;
        }
        p{
            margin-top: 0.5rem;
            @include font-size-color(1rem,#666);
        }
        img{
            display: inline-block;
            @include width-height(100px,100px);
            border-radius: 1rem;
            margin:0.5rem 0.5rem 0 0;
        }
    }
</style>
